.px2rem(@name,@px){
    @{name}:@px/75*1rem
}
.warp {
	.px2rem( height,1110);
}
.headr{
    .px2rem( height,100);
      display:flex;
      background:#82ce6a;
      width:100%;
      .ulone {
      display:flex;
      justify-content: space-around;
      width:100%;
       align-items: center;

      .lione {
     .px2rem( font-size,34);
     color:#ffffff;
      }

      }
       

}
.section{
	
	.px2rem( height,415);
	
	align-items: center;
	width:100%;
	display:flex;
	flex-direction: column;
	
      .img1{
      .px2rem( margin-top,91);
      .px2rem( widht,161);
      .px2rem( height,150);
      }

}
.art {
	width:100%;
	.px2rem( height,320);
	display:flex;
	flex-direction: column;
	align-items: center;
	.expression{
	     width:80%;
	     .px2rem( font-size,25);
	     color:#999999;
	}
}
.footer {
width:100%;
 .px2rem( height,278);
 display:flex;
 justify-content: center;
	.btn {
	width:80%;
	background:#82ce6a;
	.px2rem(height,72);
	border-radius:10px;
	color:#ffffff;
	.px2rem( font-size,23);
	display:flex;
	justify-content: center;
	align-items: center;
	}
}